<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
		<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Scotiabank</title>
		<meta http-equiv="X-UA-Compatible" content="IE=9">
		<!-- You can load the jQuery library from the Google Content Network.
		Probably better than from your own server. -->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<!-- Load the CloudCarousel JavaScript file -->
		<script type="text/JavaScript" src="js/cloud-carousel.1.0.5.js"></script>
		<script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
		<link href="css/sbk-rs.css" type="text/css" rel="stylesheet">
		<link href="font/7492f661-79f44ab290f26a9eaf984a754865465.css" type="text/css" rel="stylesheet">

		<!--[if gte IE 9]>
  		<style type="text/css">
    		.gradient {
       			filter: none;
    		}
  		</style>
		<![endif]-->

		<script>
			$(document).ready(function() {

				//loading out files
				$("#header").load("adds/header.html");
				$("#footer").load("adds/footer.html");

				var winWidth = $("#carousel1").width() * 0.5;
				var winHeight = $("#carousel1").height() * 0.15;
				// This initialises carousels on the container elements specified, in this case, carousel1.
				$("#carousel1").CloudCarousel({
					xPos : winWidth,
					yPos : winHeight,
					buttonLeft : $("#left-but"),
					buttonRight : $("#right-but"),
					altBox : $("#alt-text"),
					titleBox : $("#title-text"),
					reflHeight : 56,
					reflGap : 2,

					mouseWheel : true,
					bringToFront : true
				});
				
				$("img").imagesLoaded({progress: function (isBroken, $images, $proper, $broken) {
					$(this).fadeTo("medium", 1);
					}, always: function($images) {
					$("img").fadeTo("medium", 1);
				}});

				$(window).resize(function() {

					winWidth = $("#carousel1").width() * 0.5;
					winHeight = $("#carousel1").height() * 0.3;

					//alert("hola");
					//$("#carousel1").children().children().children().remove();

				});
				
				$('#tabs div').hide();
				$('#tabs div:first').show();
				$('#tabs ul li:first').addClass('active');
				
				$('.bullets li a').click(function(){
					$('.bullets li a').removeClass('active');
					$(this).addClass('active');
					
					var currentTab = $(this).attr('href');
					$('#tabs div').fadeOut().hide();
					$(currentTab).fadeIn().show();
					return false;
				});

			});

		</script>
		</head>
		<body>
        <div class="container_50">
          <div class="grid_50" id="header"> 
            
            <!--HEADER CONTENT--> 
            
          </div>
          <hr class="clear">
          <div id="titles" class=" grid_50"> 
            
            <!--TITULOS-->
            <div class="grid_10 m-top10 alpha"> <img src="img/informe.png"> </div>
            <div class="grid_40 omega">
              <p class="lead"> “Scotiabank contribuye a construir un mejor futuro en todo el mundo, por medio de sus prácticas bancarias éticas, conciencia ambiental y compromiso con las comunidades” </p>
              <span style="position: absolute; bottom: 10px; right: 0;" >2013 Scotiabank CSR Report</span> </div>
          </div>
          <hr class="clear">
          <div class="grid_50">
            <div class="spacer-30"></div>
            <div class="grid_25 alpha">
              <h1><img src="img/tit-informe.png" alt="Gestion de Responsabilidad Social Corporativa"></h1>
              <div class="spacer-10"></div>
              <h3>RSC en Scotiabank</h3>
              <div class="spacer-10"></div>
              <p>El entorno actual está compuesto de inversionistas cada vez más exigentes, consumidores cada vez más sofisticados y una comunidad cada vez más expectante respecto a la gestión empresarial.</p>
              <p>Por esta razón, en el Grupo Scotiabank estamos comprometidos a mejorar no solo nuestro desempeño financiero, sino también a ser un agente protagónico del cambio frente a los desafíos que nos exige el desarrollo sostenible de nuestro país; a medida que buscamos constantemente no solo atraer a los mejores colaboradores, clientes e inversionistas, sino más que eso, buscamos lograr la confianza de toda la comunidad en su conjunto.</p>
              <ul class="bullets">
                <li><a href="#tab-1" class="active">Grupos de interes</a></li>
                <li><a href="#tab-2">Objetivos Estratégicos</a></li>
                <li><a href="#tab-3">Primer Comité de RS</a></li>
              </ul>
            </div>
            <div id="tabs" class="grid_25 omega">
              <div id="tab-1" class="f-left"> <img src="img/grafico.png"> </div>
              <div id="tab-2" class="f-left"> <img src="photos/n1.png">
                <h2>Objetivos Estratégicos</h2>
                <ul class="bullets">
                  <li> Incorporar la responsabilidad social transversalmente en las diferentes áreas de nuestra Institución. </li>
                  <li>Integrar a nuestros grupos de interés externos (clientes y proveedores) en las acciones de responsabilidad social para fortalecer las relaciones de largo plazo. 
                    Ejercer un liderazgo social y medioambiental en la comunidad. </li>
                  <li>Difundir internamente y hacia el público en general nuestras acciones en la sociedad. </li>
                </ul>
              </div>
              <div id="tab-3" class="f-left"> <img src="img/grafico.png"> </div>
            </div>
          </div>
          <hr class="clear">
          <div class="spacer-30"></div>
          <div class="grid_50" id="footer"> 
            <!--FOOTER CONTENT--> 
          </div>
        </div>
</body>
</html>